<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/menu.css">
        <link rel="stylesheet" href="css/nivo-slider.css" media="screen">
	<link rel="stylesheet" href="css/futurico-theme.css" media="screen">
        <!--<link rel="stylesheet" type="text/css" href="css/demo.css" />-->
        <link rel="stylesheet" type="text/css" href="css/style_common.css" />
        <link rel="stylesheet" type="text/css" href="css/style1.css" />
        <script src="js/cufon-yui.js" type="text/javascript"></script>
        <script src="js/Aller.font.js" type="text/javascript"></script>
        <script type="text/javascript">
            Cufon.replace('ul.oe_menu div a',{hover: true});
            Cufon.replace('h1,h2,.oe_heading');
        </script>
        <script src="js/vendor/modernizr-2.6.1.min.js"></script>
        
                 
        <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>       
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
        <![endif]-->

        <!-- Begin of content -->
        <div class="container">
            <!-- top bar -->
            <div class="topbar">
                <?php if ($user->isAuthenticated()) { ?>
                    <a href="/trunk/PhpProjectRepStream/Web/admin/">Accès Administration</a>
                <?php } ?>
                <span class="right">
                    <?php if ($user->isAuthenticated()) { ?>
                        <a href="/trunk/PhpProjectRepStream/Web/logout.html">
                            <strong>Logout</strong>
                        </a>
                        <strong>Bienvenue <?php echo $_SESSION['name'] ?></strong>
                    <?php } else { ?>
                        <a href="/trunk/PhpProjectRepStream/Web/inscription.html">
                            <strong>Nous rejoindre</strong> 
                        </a>
                        <a href="/trunk/PhpProjectRepStream/Web/login.html">
                            <strong>Login </strong>
                        </a>
                    <?php } ?>
                </span>
                <div class="clr"></div>
            </div>
            <!--/ top bar -->

            <!-- menu -->
            <div style="float: left; width: 220px; margin: 100px auto;">
                <ul id="menu" class="topmenu">
                    <li class="topmenu"><a href="#" style="width:39px;">Accueil</a></li>
                    <li class="topmenu"><a href="#" style="width:39px;"><span>Gallerie</span></a>
                        <ul>
                            <li class="subfirst"><a href="#">Action</a></li>
                            <li><a href="#">Com&eacute;die</a></li>
                            <li class="sublast"><a href="#">Horreur</a></li>
							<li class="sublast"><a href="#">Erotique</a></li>
                        </ul>
                    </li>
                    <li class="topmenu"><a href="#" style="width:39px;">Top 10</a></li>
                </ul> 
            </div>    
            <!-- Module Facebook -->
            <div class="fb-like" data-href="http://127.0.0.1/trunk/PhpProjectRepStream/Web/" data-send="false" data-width="450" data-show-faces="false" data-action="recommend" data-colorscheme="dark"></div>
            <!--/ Module Facebook -->
            
            <!--/ menu -->
            
            
            
            
            <div id="content-wrap" style="width: 100%;position: relative;">
                <div id="main">
                    <?php if ($user->hasFlash()) echo '<p style="text-align: center;">', $user->getFlash(), '</p>'; ?>
                    <?php echo $content; ?>
                </div>
            </div>
            <div id="footer">
                <div>
                    <ul id="social-network">                    
                        <li>
                            <a><img src="/trunk/PhpProjectRepStream/Web/img/footer/twitter-logo.png" style="border:0;width:16px;height:16px;"/></a>
                        </li>

                        <li>
                            <a><img src="/trunk/PhpProjectRepStream/Web/img/footer/fb-logo.jpg" style="border:0;width:16px;height:16px;"/></a>
                        </li>

                        <li>
                            <a href="www.google.fr"><img src="/trunk/PhpProjectRepStream/Web/img/footer/gplus-logo.png" style="border:0;width:16px;height:16px;"/></a>
                        </li>

                        <li style="margin-bottom: 5.7px;">
                            <p style="float: left"><a href="www.google.fr">Nous contacter </a></p>
                            <p style="float: left"> &nbsp; | </p>
                        </li>
                    </ul>
                </div>
                
                <!--<div class="spacer20"></div>
                <p style="text-align: center;margin: 0;font-size: 10px;">Copyright © 2012 - Tous droits réservés RepStream </p>-->
                
            </div>
        </div>
        <!-- End of content -->

        <!-- The JavaScript -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
        <!--<script type="text/javascript">
            $(function() {
                var $oe_menu		= $('#oe_menu');
                var $oe_menu_items	= $oe_menu.children('li');
                var $oe_overlay		= $('#oe_overlay');

                $oe_menu_items.bind('mouseenter',function(){
                    var $this = $(this);
                    $this.addClass('slided selected');
                    $this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
                        $oe_menu_items.not('.slided').children('div').hide();
                        $this.removeClass('slided');
                    });
                }).bind('mouseleave',function(){
                    var $this = $(this);
                    $this.removeClass('selected').children('div').css('z-index','1');
                });

                $oe_menu.bind('mouseenter',function(){
                    var $this = $(this);
                    $oe_overlay.stop(true,true).fadeTo(200, 0.6);
                    $this.addClass('hovered');
                }).bind('mouseleave',function(){
                    var $this = $(this);
                    $this.removeClass('hovered');
                    $oe_overlay.stop(true,true).fadeTo(200, 0);
                    $oe_menu_items.children('div').hide();
                })
            });
        </script>-->


        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
        <script src="/js/plugins.js"></script>
        <script src="/js/main.js"></script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
                g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
                s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>

        
        <!-- jQuery & Nivo Slider -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="js/slider.js"></script>
        
        
        
        <script>
            $(window).load(function() {
                $('#slider').nivoSlider({
                    directionNavHide: false,
                    captionOpacity: 1,
                    prevText: '<',
                    nextText: '>'
                });
            });
        </script>

        
    </body>
</html>
